<template>
	<view>
		<movable-area class="movable-area">
			<movable-view class="movable-view" :x="x" :y="y" direction="all">
				<image src="../static/blue_search.png" @click="connectBluetooth"></image>
			</movable-view>
		</movable-area>	
	</view>
</template>
 
<script>
	export default {
		data() {
			return {
				x: 320,		//x坐标
				y: 520,		//y坐标
			}
		},
		
		methods: {
			connectBluetooth() {
				uni.navigateTo({
					url:'/pages/connectBluetooth/connectBluetooth'
				})
			}
		}
	}
</script>
 
<style lang="scss">
	$all_width: 156rpx;
	$all_height:156rpx;
 
	.movable-area {
		height: 26vh;
		width: 750rpx;
		top: 0;
		position: fixed;
		pointer-events: none;		//此处要加，鼠标事件可以渗透
		.movable-view {
			width: $all_width;
			height: $all_height;
			pointer-events: auto;	//恢复鼠标事件
			image {
				width: $all_width;
				height: $all_height;
			}
		}
	}
</style>
